<template>
  <div class="page-box flex-col">
    <div class="page-bg" />
    <div class="page-container flex-col">
      <scroll-view class="scroll-box" scroll-y="true">
        <div class="article-box">
          <div class="article-title">{{ info.title }}</div>
          <u-parse :html="info.content" :domain="$host"></u-parse>
        </div>
      </scroll-view>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      info: {},
    };
  },
  created() {
    this.info = JSON.parse(this.$route.query.info);
  },
  methods: {},
};
</script>

<style lang="scss" scoped>
.article-box {
  padding: 0 26rpx;
  color: #fff;
}
.article-title {
  font-weight: bold;
  padding: 50rpx 0;
  font-size: 32rpx;
}
</style>
